<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Consultas</title>
	<link href="css/Estilos.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
	<p:layout fullPage="true">

		<p:layoutUnit position="north" size="90">
			<center>
				<h1>"Consulta de Disponibilidad"</h1>
			</center>
		</p:layoutUnit>


		<p:layoutUnit position="west" size="200">
			<h:form>
				<p:menu>
					<p:menuitem value="Nuevo" icon="ui-icon-disk" />

				</p:menu>
			</h:form>
		</p:layoutUnit>
		<p:layoutUnit id="cosita" position="center" >
			<h:form id="form">
			
				<p:panel header="Datos de consulta">  
			       <h:panelGrid columns="2" style="margin-bottom:20px" cellpadding="2"> 
			            
			            
			            <h:outputText value="Fecha: " />  
			            <p:calendar pattern="dd/MM/yyyy"  value="#{consulDisp.dateConsul}" id="popupButtonCal" showOn="button"/>

			            <h:outputText value="laboratorio: " />
			            
			            <p:selectOneMenu value="#{consulDisp.labObtenido}" >
							<f:selectItem itemLabel="Seleccione" itemValue="" />
							<f:selectItems value="#{consulDisp.listaLab}"/>
						</p:selectOneMenu>
			            
			            <h:outputText value="Hora: " />  
            			<p:inputMask value="#{consulDisp.horaConsul}" mask="99 : 00"/>
            			
			            <h:commandButton value="Buscar" actionListener="#{consulDisp.ListaLabDisponibles}" />  
            			<p:commandButton value="Cancelar" />
            			
            			
			    	</h:panelGrid>	
			    </p:panel>
			    <p:fieldset legend="Lista de Horarios">  
			        <p:dataTable id="detalles" var="car" value="#{consulDisp.listaHorario}">  
			            <p:column style="width:20px">  
			                <h:outputText id="dragIcon"  
			                    styleClass="ui-icon ui-icon-arrow-4" />  
			                <p:draggable for="dragIcon" revert="true" />  
			            </p:column>  
			  			
			  			<p:column headerText="Dia">  
			                #{car.dia}
			            </p:column>  
			           <p:column headerText="HoraI">  
			                #{car.horaI}
			            </p:column>  
			            <p:column headerText="HoraF">  
			                #{car.horaF}
			            </p:column>  
						
			        </p:dataTable>  
			         
			    </p:fieldset> 		
			    
				
			</h:form>
		</p:layoutUnit>	
		
	</p:layout>
</h:body>
</html>